<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/all.css">
    <link rel="stylesheet" href="../css/index/head.css">
    <link rel="stylesheet" href="../css/index/foot.css">
    <link rel="stylesheet" href="../css/foot.css">
</head>
<body>
    <div class="container">
        <div class="head">
            <div class="header">
                <!-- 头部背景 -->
                <header class="content">    
                    <aside class="floatl">
                        <p>品优购欢迎您<a href="#">请登录</a><a href="#">免费注册</a></p>
                    </aside>
                    <nav class="floatr">
                        <ul>
                            <li><a href="">我的订单</a></li>
                            <li><span>|</span></li>
                            <li><a href="">我的品优购<span></span></a><span></span></li>
                            <li><span>|</span></li>
                            <li><a href="">品优购会员</a></li>
                            <li><span>|</span></li>
                            <li><a href="">企业采购</a></li>
                            <li><span>|</span></li>
                            <li><a href="">关注品优购<span></span></a><span></span></li>
                            <li><span>|</span></li>
                            <li><a href="">客户服务<span></span></a><span></span></li>
                            <li><span>|</span></li>
                            <li><a href="">网站导航<span></span></a><span></span></li>
                        </ul>
                    </nav>
                </header>
            </div>
            <article class="logo content">
                <section class="floatl">
                    <div class="con_logo">
                        <p>品优购</p>
                        <p>品优购</p>
                        <p>品优购</p>
                    </div>
                </section>
                <section class="search floatl">
                    <div class="item_clear">
                        <input type="text" placeholder="&nbsp;&nbsp;&nbsp;语言开发"> 
                        <input type="button" value="搜索">
                    </div>
                    <nav>
                        <ul class="item_clear">
                            <li><a href="">优惠购首发</a></li>
                            <li><a href="">亿元优惠</a></li>
                            <li><a href="">9.9元团购</a></li>
                            <li><a href="">每满99减30 </a></li>
                            <li><a href="">办公用品</a></li>
                            <li><a href="">电脑</a></li>
                            <li><a href="">通信</a></li>
                        </ul>
                    </nav>
                </section>
                <section  class="floatr">
                    <a href="#" class="posi_relative"><span>我的购物车</span><span>&gt;</span><p class="posi_absolute">8</p></a>
                </section>
            </article>
        </div>
        <div class="body">
            <div class="content">
                
            </div>
        </div>
        <div class="foot">
            <div class="content">
                <header>
                    <nav>
                        <ul>
                            <li>
                                <section>

                                </section>
                                <section>
                                    <p>正品保障 </p>
                                    <a href="">正品保障，提供发票</a>
                                </section>
                            </li>
                            <li>
                                <section>
                                    
                                </section>
                                <section>
                                    <p>极速物流</p>
                                    <a href="">急速物流，急速送达</a>
                                </section>
                            </li>
                            <li>
                                <section>

                                </section>
                                <section>
                                    <p>无忧售后</p>
                                    <a href="">7天无理由退换货</a>
                                </section>
                            </li>
                            <li>
                                <section>

                                </section>
                                <section>
                                    <p>特色服务</p>
                                    <a href="">私人定制家电套餐</a>
                                </section>
                            </li>
                            <li>
                                <section>

                                </section>
                                <section>
                                    <p>帮助中心</p>
                                    <a href="">您的购物指南</a>
                                </section>
                            </li>
                        </ul>
                    </nav>
                </header>
                <article class="table_flex">
                    <table>
                        <tr>
                            <td>购物指南</td>
                            <td>配送方式</td>
                            <td>支付方式</td>
                            <td>售后服务</td>
                            <td>特色服务</td>
                            <td rowspan="7">
                                <div class="posi_relative" >
                                    <p>帮助中心</p>
                                    <img class="posi_absolute" src="images/png/图层129.png" alt="">
                                    <img class="posi_absolute" src="images/jpg/矢量智能对象.jpg" alt="">
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td><a href="">购物流程</a></td>
                            <td><a href="">上门自提</a></td>
                            <td><a href="">货到付款</a></td>
                            <td><a href="">售后政策</a></td>
                            <td><a href="">夺宝岛</a></td>
                        </tr>
                        <tr>
                            <td><a href="">会员介绍</a></td>
                            <td><a href="">211限时达</a></td>
                            <td><a href="">在线支付</a></td>
                            <td><a href="">价格保护</a></td>
                            <td><a href="">DIY装机</a></td>
                        </tr>
                        <tr>
                            <td><a href="">生活旅行/团购</a></td>
                            <td><a href="">配送服务查询</a></td>
                            <td><a href="">分期付款</a></td>
                            <td><a href="">退款说明</a></td>
                            <td><a href="">延保服务</a></td>
                        </tr>
                        <tr>
                            <td><a href="">常见问题</a></td>
                            <td><a href="">配送费收取标准</a></td>
                            <td><a href="">邮局汇款</a></td>
                            <td><a href="">返修/退换货</a></td>
                            <td><a href="">品优购E卡</a></td>
                        </tr>
                        <tr>
                            <td><a href="">大家电</a></td>
                            <td><a href="">海外配送</a></td>
                            <td><a href="">公司转账</a></td>
                            <td><a href="">取消订单</a></td>
                            <td><a href="">品优购通信</a></td>
                        </tr>
                        <tr>
                            <td><a href="">联系客服</a></td>
                        </tr>
                    </table>
                </article>
                <footer>
                    <div class="content">
                        <div class="foot_span1">
                            <ul class="item_clear">
                                <li><a href="">关于我们</a><span>|</span></li>
                                <li><a href="">联系我们</a><span>|</span></li>
                                <li><a href="">联系客服</a><span>|</span></li>
                                <li><a href="">商家入驻</a><span>|</span></li>
                                <li><a href="">营销中心</a><span>|</span></li>
                                <li><a href="">手机品优购</a><span>|</span></li>
                                <li><a href="">友情链接</a><span>|</span></li>
                                <li><a href="">销售联盟</a><span>|</span></li>
                                <li><a href="">品优购社区</a><span>|</span></li>
                                <li><a href="">品优购公益</a><span>|</span></li>
                                <li><a href="">English Site</a><span>|</span></li>
                                <li><a href="">Contact U</a></li>
                            </ul>
                        </div>
                        <div class="foot_span2">
                            <p>地址：北京市昌平区建材西路金燕龙办公楼一层&nbsp;邮编：100096&nbsp;电话：400-618-4000&nbsp;传真：010-82935100&nbsp;邮箱：zhanghj+itcast.cn</p>
                        </div>
                        <div class="foot_span3">
                            京ICP&nbsp;08001421&nbsp;号京公网安备&nbsp;110108007702
                        </div>
                    </div> 
                </footer>
            </div>
        </div>
    </div>
    
</body>
</html>